<template>
	<view>
		<van-tabs :active="active" color="var(--theme-color)" title-inactive-color="#666666" title-active-color="var(--theme-color)" sticky @click="active=$event.detail.name">
			<van-tab title="已承接" name="0">
				<order-item buttonText="去取货"></order-item>
				<order-item buttonText="去取货"></order-item>
			</van-tab>
			<van-tab title="待确认" name="1">
				<order-item buttonText="待确认"></order-item>
				<order-item buttonText="待确认"></order-item>
			</van-tab>
			<van-tab title="进行中" name="2">
				<order-item buttonText="查看详情" goToUrl="orderInfo" status="0"></order-item>
				<order-item buttonText="查看详情" goToUrl="orderInfo" status="0"></order-item>
			</van-tab>
			<van-tab title="已完成" name="3">
				<order-item buttonText="查看详情" goToUrl="orderInfo" status="1"></order-item>
				<order-item buttonText="查看详情" goToUrl="orderInfo" status="1"></order-item>
			</van-tab>
			<van-tab title="已取消" name="4">
				<order-item buttonText="查看详情" goToUrl="orderInfo" status="2"></order-item>
				<order-item buttonText="查看详情" goToUrl="orderInfo" status="2"></order-item>	
			</van-tab>
		</van-tabs>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				active:"0"
			}
		},
		methods:{

		}
	}
</script>

<style lang="scss" scoped>
	
</style>
